﻿@model B4Deal.Models.Order
@{
    var receiver = Model.QueryReceiverByOrderID();
    var price = Model.QueryPriceByOrderID();
    var money = price * Model.SoLuong;
}
<link href="@Url.Content("~/Content/Layout/DetailOrder.css")" rel="stylesheet" type="text/css" />
<div class="order-detail " id="popupMyVoucher" style="z-index: 9999; width: 100%;
    top: 0px; bottom: 0px; position: fixed; background-color: rgba(0,0,0,0.4) !important;">
    <div class="middle-box-white" id="dvChiTienDonHang" style="margin: 10px auto; left: auto;">
        <div class="order">
            <i class="title_order">Chi tiết đơn hàng</i>
            <div class="order-info">
                <div class="customer-info">
                    <h4>
                        Thông tin khách hàng</h4>
                    <p>
                        <span class="left">Họ tên</span><span>:</span><span class="right" id="lblFullName">@receiver.HoTen</span></p>
                    <p class="order-padding">
                        <span class="left">Địa chỉ</span><span>:</span><span class="right" id="lblDiaChi">@receiver.DiaChi</span>
                    </p>
                    <p>
                        <span class="left">Điện thoại</span><span>:</span><span id="lblPhone" class="right">@receiver.DienThoai</span></p>
                </div>
                <div class="order-number">
                    <h4>
                        Số ĐH: <span id="lblMaOrder">@Model.MaDH</span></h4>
                    <p>
                        <span class="left">Ngày mua</span><span>:</span><span class="right" id="lblOrderDate">21/05/2012</span></p>
                    <p class="order-padding">
                        <span class="left">Trạng thái</span><span>:</span><span class="right txt-color" id="lblOrderStatus">Chưa
                            xác nhận</span></p>
                    <p id="pThanhToan" style="display: none;">
                        <span class="left">Thanh toán</span><span>:</span><span class="right txt-color" style="color: #F16D2C;"
                            id="lblPaymentStatus">@{var str = String.Empty;
                                                    if (Model.TinhTrang == 0)
                                                    {
                                                        str = "Chưa xác nhận";
                                                    }
                                                    else if (Model.TinhTrang == 1)
                                                    {
                                                        str = "Chờ giao hàng";
                                                    }
                                                    else
                                                    {
                                                        str = "Đã giao hàng";
                                                    }
                            }@str</span>
                    </p>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="order-product">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                        <tr>
                            <th>
                                Mã hàng
                            </th>
                            <th style="text-align: left; padding-left: 7px;">
                                Tên sản phẩm / dịch vụ
                            </th>
                            <th>
                                Đơn giá
                            </th>
                            <th>
                                Số lượng
                            </th>
                            <th style="border: none;">
                                Thành tiền
                            </th>
                        </tr>
                        <tr>
                            <td id="lblIDSP">@Model.MaKM
                            </td>
                            <td style="text-align: left; padding-left: 7px;" id="lblTenSP">@Model.TenSP
                            </td>
                            <td id="lblPrice">@price
                            </td>
                            <td id="lblSL">
                               @Model.SoLuong
                            </td>
                            <td style="border: none;" id="lblTotal">@money
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div id="dvXemMaVoucher">
                </div>
                <em id="eMsgBuy">Nếu bạn có nhu cầu mua thêm hay thắc mắc, liên hệ Hotline</em><em
                    id="eChuY" style="display: block;"></em> <em id="eMsg"></em>
            </div>
            <div style="float: left; margin: auto; text-align: center; width: 100%;">
                <p class="support">
                    Nếu có nhu cầu trợ giúp, vui lòng liên hệ với <a href="javascript:void(0);"
                        name="">B4Deal.com</a></p>
            </div>
            <div class="order-contact">
                <span class="email">Email: <a href="javascript:void(0);" name="">support@B4Deal.com</a></span>
                <span class="separation"></span><span class="phone"><span>Điện thoại (chăm sóc khách
                    hàng):</span> <span>tại Hồ Chí Minh: <span>(08) 7305 6616</span></span> <span>tại Hà
                        Nội: <span>(04) 7305 6616</span></span> </span>
            </div>
        </div>
        <a href="javascript:void(0);" name="" class="order-close" id="btnClose" onclick="$('#panelViewDetail').hide('fast');">
            X &nbsp; Đóng</a>
    </div>
</div>
